<!-- 启用库 -->
<template>
  <div class="goodsCenter container first-tabs">
    <el-tabs :model-value="activeName" class="demo-tabs" @tab-click="handleClick">
      <el-tab-pane label="领用物资" name="first"
        ><Collecting></Collecting>
      </el-tab-pane>
      <el-tab-pane label="借用物资" name="second"
        ><Borrow></Borrow
      ></el-tab-pane>
    </el-tabs>
  </div>
</template>

<script lang="ts" setup>
import Collecting from "./components/collectingGoods.vue";
import Borrow from "./components/borrowGoods.vue";
import { ref } from "vue";
import type { TabsPaneContext } from "element-plus";

const activeName = ref("first");

const handleClick = (tab: TabsPaneContext, event: Event) => {
  console.log(tab, event);
};
</script>

<style scoped lang="scss"></style>
